import React from 'react';
import {
  Table,
  Icon,
  Button,
  Tooltip,
  Row,
  Col,
  Input,
  Select,
  DatePicker,
  Cascader,
  Radio,
  Dropdown,
  Menu,
  Checkbox,
  Steps,
  Modal,
  Form,
  Pagination,
  Popconfirm,
  Timeline,
  Tabs
} from 'antd';

export default class FenRunSet extends React.Component {
  constructor(props) {
    super(props);
    this.state = {

    };
  }

  render() {
    return (
      <div>
        <h3 className="title-h3">分润设置</h3>
        <div className="add-cont fen-run-set">
          <p className="fu-title">门店的每笔收款，将按以下设置分润</p>
          <Row gutter={16}>
            <Col span={3} className="text-r">
              <div className="ant-form-item-label">
                <label><span className="span-left">栗子</span></label>
              </div>
            </Col>
            <Col span={5}>
              <div className="ant-form-item-control">
                <Input size="large" placeholder=""/>
              </div>
            </Col>
            <Col span={5}>
              <div className="ant-form-item-control">%</div>
            </Col>
          </Row>
          <Row gutter={16}>
            <Col span={3} className="text-r">
              <div className="ant-form-item-label">
                <label><span className="span-left">总店</span></label>
              </div>
            </Col>
            <Col span={5}>
              <div className="ant-form-item-control">
                <Input size="large" placeholder=""/>
              </div>
            </Col>
            <Col span={5}>
              <div className="ant-form-item-control">%</div>
            </Col>
          </Row>
          <Row gutter={16}>
            <Col span={3} className="text-r">
              <div className="ant-form-item-label">
                <label><span className="span-left">门店</span></label>
              </div>
            </Col>
            <Col span={5}>
              <div className="ant-form-item-control">
                <Input size="large" placeholder=""/>
              </div>
            </Col>
            <Col span={5}>
              <div className="ant-form-item-control">%</div>
            </Col>
          </Row>
          <Row gutter={16}>
            <Col span={3} className="text-r"></Col>
            <Col span={5}>
              <div className="btn-bom">
                <Button type="primary" size="large">保存</Button>
                <Button size="large">取消</Button>
              </div>
            </Col>
          </Row>
        </div>
      </div>
    )
  }
}
